<template>
	<div class="iInfo" element-loading-text="加载中" v-loading="loading">
		<div class="flex">
			<div class="lumpBox">
				<el-page-header :content="head" @back="$router.go(-1)"></el-page-header>
				<el-tabs type="border-card" v-model="el_tabs">
					<el-tab-pane label="项目信息" name="1"><Bases></Bases></el-tab-pane>
					<el-tab-pane label="研发" name="2"><RDs></RDs></el-tab-pane>
					<el-tab-pane label="日志及回复" name="3"><Journal></Journal></el-tab-pane>
				</el-tabs>
			</div>
		</div>
	</div>
</template>

<script>
import Bases from './base';
import RDs from './rd';
import Journal from './journal';
export default {
	name: 'detailS',
	data() {
		return {
			head: decodeURI(this.$route.query.head),
			el_tabs: '1',
			loading: false
		};
	},
	components: {
		Bases,
		RDs,
		Journal
	},
	created() {
		this.$emit('pass', '/list');
	},
	mounted() {},
	methods: {}
};
</script>
<style lang="scss">
.el-tabs__item {
	height: 44px;
	line-height: 44px;
	font-size: 14px;
}
.el-tabs__content {
	background: #fff;
}
</style>
